<template>
  <div>
    <van-cell :border="false">js课程</van-cell>
    <van-grid column-num="3">
      <van-grid-item icon="photo-o" text="视频" to="/video" />
      <van-grid-item icon="photo-o" text="图文" to="/word" />
      <van-grid-item icon="photo-o" text="图文" to="/word" />
      <van-grid-item icon="photo-o" text="图文" to="/word" />
      <van-grid-item icon="photo-o" text="图文" to="/word" />
      <van-grid-item icon="photo-o" text="图文" to="/word" />
    </van-grid>
    <van-cell :border="false">h5课程</van-cell>
    <van-grid column-num="3">
      <van-grid-item icon="photo-o" text="图文" to="/word" />
      <van-grid-item icon="photo-o" text="图文" to="/word" />
      <van-grid-item icon="photo-o" text="图文" to="/word" />
      <van-grid-item icon="photo-o" text="图文" to="/word" />
      <van-grid-item icon="photo-o" text="图文" to="/word" />
      <van-grid-item icon="photo-o" text="图文" to="/word" />
    </van-grid>
  </div>
</template>

<script>
import {
  Cell as vanCell,
  Grid as vanGrid,
  GridItem as vanGridItem
} from 'vant'
export default {
  name: 'train',
  components: {
    vanCell,
    vanGrid,
    vanGridItem
  },
  data () {
    return {

    }
  }
}
</script>

<style lang="" scoped>
</style>
